global-input-message

global-input-message

This JavaScript library allows you to introduce mobile app interoperability into your device and web applications, so you users can user their mobiles to operate on your applications and enjoy many mobile related features like Mobile Encryption , Mobile Authentication , Mobile Content Transfer , Mobile Input & Control , Second Screen Experience and Mobile Personal Storage.

ReactJS or React Native Applications

If you have React applications, you may use the React extension library, which is much more intuitive to use.

Setup

npm module

npm install --save global-input-message

CDN

<script src="https://unpkg.com/global-input-message@1.8.6/distribution/globalinputmessage.js">
</script>

Usage

Import and create a connector object:

import {createMessageConnector} from "global-input-message";
const connector=createMessageConnector();

or use require:

const globalInputMessage=require("global-input-message");
const connector=globalInputMessage.createMessageConnector();

Next invoke the connect() function on the connector, passing the configuration that specifies the mobile user interface elements and the callbacks for receiving the events. It is straightforward to understand The following example is

 const mobileConfig={
   initData:{                              
     form:{
        title:"Content Transfer",   
        fields:[{
          label:"Content",            
          operation:{onInput:setContent}             
         }]
       }
     },
     ...
 };
 connector.connect(mobileConfig);           

The following configuration specifies a login form:

 const mobileConfig={        
   initData:{                              
     form:{
        title:"Sign In",
        id:"###username###@myCompany.com",
        fields:[{
           label:"Username",
           id:"username",
           operations:{
            onInput:setUsername
           }
       },{
          label:"Password",            
          id:"password",
          operations:{
            onInput:setPassword
          }
       },{
         label:"Sign In",
         type:"button",            
         operations:{
            onInput:signIn
          }
       }]
     }
   },
   ...
 };
    connector.connect(mobileConfig);           

You can try out the sample code above on JSFiddler

TypeScript

Typescript type definitions are bundled with the module. An end-to-end Typescript test that demonstrates how you can achieve the interoperability between your mobile app and and your device application is available here.